
	<!DOCTYPE html>
	<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="keywords" content="网易严选,严选,网易优选,网易甄选,网易优品,网易精选,甄选家,严选态度" />
		<meta name="description" content="网易严选秉承网易一贯的严谨态度，深入世界各地，严格把关所有商品的产地、工艺、原材料，甄选居家、厨房、饮食等各类商品，力求给你最优质的商品。" />
		<title>网易严选 - 以严谨的态度，为中国消费者甄选天下优品</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
		<link rel="stylesheet" href="./fonts/iconfont.css">
	</head>

	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="layout nav">
				<ul>
					<li><a href="#">登录/注册</a></li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">会员</a></li>
					<li><a href="#">甄选家</a></li>
					<li><a href="#">企业采购<span class="iconfont icon-xiajiantou span1"></span></a></li>
					<li><a href="#">客户服务<span class="iconfont icon-xiajiantou span2"></span></a></li>
					<li><a href="#" class="clear_border"><span class="iconfont icon-shouji span3"></span>APP</a></li>
				</ul>
			</div>
		</div>

		<div class="shop_nav">
			<div class="layout">
				<!-- 搜索 -->
				<div class="search_content">
					<h1 class="logo fl"><a href="#"></a></h1>

					<!-- 购物车 -->
					<div class="cart fr">
						<a href="#">
							<span class="iconfont icon-gouwuchekong"></span>
							<span class="gwc">购物车</span>
							<span class="count">0</span>
						</a>
					</div>

					<!-- 搜索框 -->
					<div class="search fr">
						<div class="search_input fl">
							<span class="iconfont icon-Magnifier"></span>
							<input type="text" class="search-text">
						</div>
						<input type="button" value="搜索" class="search-btn fl">
						<p><a href="#">买到赚到</a></p>
					</div>
				</div>

				<!-- tab导航 -->
				<div class="tabs">
					<ul>
						<li class="first_li"><a href="#">首页</a></li>
						<li><a href="#">居家生活</a></li>
						<li><a href="#">服饰鞋包</a></li>
						<li><a href="#">美食酒水</a></li>
						<li><a href="#">个护清洁</a></li>
						<li><a href="#">母婴亲子</a></li>
						<li><a href="#">运动旅行</a></li>
						<li><a href="#">数码家电</a></li>
						<li><a href="#">严选全球</a></li>
						<li><a href="#">|</a></li>
						<li><a href="#">为你严选</a></li>
						<li><a href="#">众筹</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 轮播图 -->
		<div class="slider">
			<img src="./img/slider.webp" alt="">
			<div class="left">
				<span class="iconfont icon-zuojiantou"></sapn>
			</div>
			<div class="right">
				<span class="iconfont icon-youjiantou"></sapn>
			</div>
		</div>

		<!-- 商品页面 -->
		<div class="layout mian">
			<div class="top">
				<h3><a href="#">新品首发</a></h3>
				<p class="fl p1"><a href="#">为你秘寻世界好物</a></p>
				<p class="fr p2"><a href="#">更多新品</a></p>
			</div>
			<!-- 商品列表 -->
			<div class="list">
				<div class="left">
					<span class="iconfont icon-zuojiantou"></sapn>
				</div>
				<div class="right">
					<span class="iconfont icon-youjiantou"></sapn>
				</div>
				<ul>
					<li>
						<img src="./img/pro1.webp" alt="" class="img1">
						<img src="./img/pro2.webp" alt="" class="img2">
						<p><a href="#">清新英国梨香</a></p>
						<p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
						<p><a href="#">¥49.9</a></p>
					</li>
					<li>
						<img src="./img/pro1.webp" alt="" class="img1">
						<img src="./img/pro2.webp" alt="" class="img2">
						<p><a href="#">清新英国梨香</a></p>
						<p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
						<p><a href="#">¥49.9</a></p>
					</li>
					<li>
						<img src="./img/pro1.webp" alt="" class="img1">
						<img src="./img/pro2.webp" alt="" class="img2">
						<p><a href="#">清新英国梨香</a></p>
						<p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
						<p><a href="#">¥49.9</a></p>
					</li>
					<li>
						<img src="./img/pro1.webp" alt="" class="img1">
						<img src="./img/pro2.webp" alt="" class="img2">
						<p><a href="#">清新英国梨香</a></p>
						<p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
						<p><a href="#">¥49.9</a></p>
					</li>
				</ul>
			</div>
		</div>
	</body>

	</html>
